/**
 * Created by Administrator on 2016/7/27.
 */
$(function () {
    //头部导航消失、隐藏
    $('.hider').each(function (index) {
        $(this).mouseover(function () {
            $('.hiding').css('display','none').eq(index).css('display','block');
            $(this).addClass('dropup');
            $(this).css('border','1px solid #ccc').css('background-color','#fff');
            $(this).css('border-bottom',0);

        })
        $(this).mouseout(function () {
            $('.hiding').css('display','none');
            $(this).removeClass('dropup');
            $(this).css('border','0px solid #ccc').css('background-color','#f5f5f5');
        })
    })
    //手机图标
    $('.phone').mouseover(function () {
        $(this).css('background-position','26px 41px')
    })
    $('.phone').mouseout(function () {
        $(this).css('background-position','52px 41px')
    })
    //头部导航字体颜色
    $('.nav li a ').each(function (index) {
        $(this).mouseover(function () {
            $('.nav li a ').css('color','#777').eq(index).css('color','#f10180');
        })
        $(this).mouseout(function () {
            $('.nav li a ').css('color','#777');
        })
    })
    //**********************************************

    //图标部分
    $('.logo-hide').mouseover(function () {
        $('.logo-hide p span:last-child a').css('color','#f10180');
        $('.logo-hide').css('border','1px solid #ccc').css('border-bottom','0px solid #ccc').css('height','55px');
        $('.logo-hide-in').css('display','block');
    })
    $('.logo-hide').mouseout(function () {
        $('.logo-hide p span:last-child a').css('color','#333');
        $('.logo-hide').css('border','0px solid #ccc');
        $('.logo-hide-in').css('display','none');
    })

})